<!DOCTYPE html>
<html lang="en">
<head>
    <title>Blue Dale Holidays, Ooty</title>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="RESORT OOTY, best resort in ooty, ooty stay, resort in ooty, resorts in ooty, affordable"/>
    <meta name="description" content="The Blue Dale Holidays in Ooty is a perfect place to enjoy your vacation!">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"/>

    <link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic'>
    <link rel="stylesheet" href="./bower_components/angular-material/angular-material.css"/>
    <link href="./bower_components/angular-jk-carousel/dist/jk-carousel.css" rel="stylesheet" type="text/css"/>
    <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link rel="stylesheet" href="assets/app.css"/>

    <!-- Remove this when building your app -->
    <link rel="stylesheet" href="assets/demo.css"/>

    <style type="text/css">
        /**
         * Hide when Angular is not yet loaded and initialized
         */
        [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
            display: none !important;
        }
    </style>

</head>

<body ng-app="starterApp" layout="row" ng-cloak ng-controller="MenuController as menu">

<md-sidenav class="site-sidenav md-sidenav-left md-whiteframe-z2"
            md-component-id="left">

    <md-toolbar class="md-whiteframe-z1">
        <h1 class="auto">Menu</h1>
    </md-toolbar>

    <md-list>
        <md-list-item ng-repeat="menuItem in menu.menuItems">
            <md-button
                    ng-href="{{menuItem.href}}"
                    ng-click="menu.setActiveMenu(menuItem, true)"
                    ng-class="{'active md-raised': menu.selected.title === menuItem.title}">
                {{menuItem.title}}
            </md-button>
        </md-list-item>
    </md-list>

</md-sidenav>


<div flex tabIndex="-1" role="main" class="">

    <md-toolbar layout="row" class="md-whiteframe-z1" id="header-toolbar"
                style="background-color: #{{menu.headerColor}}">
        <div flex hide-gt-sm>
            <md-button class="menu-btn" ng-click="menu.toggleView()" aria-label="Show Menu">
                <md-icon md-svg-icon="menu"></md-icon>
            </md-button>
        </div>
        <h1 flex-gt-sm>
            <div class="logoContainer"><img src="/content/logo.png" alt=""></div>
        </h1>
        <div class="menu" hide-sm hide-xs>
            <md-button
                    ng-href="{{menuItem.href}}"
                    ng-repeat="menuItem in menu.menuItems"
                    ng-click="menu.setActiveMenu(menuItem)"
                    ng-class="{active: menu.selected.title === menuItem.title}">
                {{menuItem.title}}
            </md-button>
        </div>
    </md-toolbar>

    <md-content flex id="content" class="md-whiteframe-z2" md-scroll-y>
        <div class="site-title">
            <h2 class="light" ng-if="menu.selected.title!=='Home'">{{menu.selected.title}}</h2>
        </div>

        <div ng-view class="view-transition"></div>
        <!-- Go to www.addthis.com/dashboard to customize your tools --> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-582155d27ee504b7"></script>
        <!-- Go to www.addthis.com/dashboard to customize your tools --> <div class="addthis_inline_follow_toolbox"></div>
    </md-content>

</div>

<script src="./bower_components/angular/angular.js"></script>
<script src="./bower_components/angular-animate/angular-animate.js"></script>
<script src="./bower_components/angular-aria/angular-aria.js"></script>
<script src="./bower_components/angular-route/angular-route.js"></script>
<script type="text/javascript" src="./bower_components/angular-material/angular-material.js"></script>
<script type="text/javascript" src="./bower_components/angular-touch/angular-touch.js"></script>
<!--<script type="text/javascript" src="./bower_components/angular-carousel/dist/angular-carousel.js"></script>-->
<script type="text/javascript" src="./bower_components/ngmap/build/scripts/ng-map.min.js"></script>
<script type="text/javascript" src="./bower_components/angular-jk-carousel/dist/jk-carousel.js"></script>

<!-- <script src="./src/users/Users.js"></script>
<script src="./src/users/UserController.js"></script>
<script src="./src/users/UserService.js"></script> -->

<script src="./src/menu/Menu.js"></script>
<script src="./src/menu/MenuController.js"></script>
<script src="./src/menu/MenuService.js"></script>

<script src="./src/pages/home/Home.js"></script>
<script src="./src/pages/home/HomeRoute.js"></script>
<script src="./src/pages/home/HomeController.js"></script>
<script src="./src/pages/home/HomeService.js"></script>

<script src="./src/pages/accommodation/Accommodation.js"></script>
<script src="./src/pages/accommodation/AccommodationRoute.js"></script>
<script src="./src/pages/accommodation/AccommodationController.js"></script>
<script src="./src/pages/accommodation/AccommodationService.js"></script>

<script src="./src/pages/about/About.js"></script>
<script src="./src/pages/about/AboutRoute.js"></script>
<script src="./src/pages/about/AboutController.js"></script>
<script src="./src/pages/about/AboutService.js"></script>

<script src="./src/pages/facilities/Facilities.js"></script>
<script src="./src/pages/facilities/FacilitiesRoute.js"></script>
<script src="./src/pages/facilities/FacilitiesController.js"></script>
<script src="./src/pages/facilities/FacilitiesService.js"></script>

<script src="./src/pages/activities/Activities.js"></script>
<script src="./src/pages/activities/ActivitiesRoute.js"></script>
<script src="./src/pages/activities/ActivitiesController.js"></script>
<script src="./src/pages/activities/ActivitiesService.js"></script>

<script src="./src/pages/help/Help.js"></script>
<script src="./src/pages/help/HelpRoute.js"></script>
<script src="./src/pages/help/HelpController.js"></script>
<script src="./src/pages/help/HelpService.js"></script>

<script src="./src/pages/gallery/Gallery.js"></script>
<script src="./src/pages/gallery/GalleryRoute.js"></script>
<script src="./src/pages/gallery/GalleryController.js"></script>
<script src="./src/pages/gallery/GalleryService.js"></script>

<script src="./src/pages/contactus/Contactus.js"></script>
<script src="./src/pages/contactus/ContactusRoute.js"></script>
<script src="./src/pages/contactus/ContactusController.js"></script>

<script type="text/javascript">

    angular
            .module('starterApp', [
                'ngMaterial', 'ngAnimate',
                //'angular-carousel',
                'ngMap',
                'jkAngularCarousel',
                'menu',
                'home',
                'about',
                'contactus',
                'accommodation',
                'facilities',
                'activities',
                'help',
                'gallery'
            ])
            .config(function ($mdThemingProvider, $mdIconProvider) {

                $mdIconProvider
                        .defaultIconSet("./assets/svg/avatars.svg", 128)
                        .icon("menu", "./assets/svg/menu.svg", 24)
                        .icon("home", "./assets/svg/home.svg", 24)
                        .icon("share", "./assets/svg/share.svg", 24)
                        .icon("google_plus", "./assets/svg/google_plus.svg", 512)
                        .icon("hangouts", "./assets/svg/hangouts.svg", 512)
                        .icon("twitter", "./assets/svg/twitter.svg", 512)
                        .icon("phone", "./assets/svg/phone.svg", 512);

                $mdThemingProvider.theme('default')
                        .primaryPalette('teal')
                        .accentPalette('red');

            });

</script>
<script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-87009668-1', 'auto');
    ga('send', 'pageview');

</script>
</body>
</html>
